* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

body {
	min-width: 320px;
	max-width: 750px;
	/* flexible 给我们划分了 10 等份 */
	width: 10rem;
	/* width: 100%; */
	margin: 0 auto;
	line-height: 1.5;
	font-family: Arial, Helvetica;
	background: white;
}

@media screen and (min-width: 750px) {
	html {
		font-size: 75px !important;
	}
}

ul li {
	list-style: none;
}

a {
	text-decoration: none;
	color: #000000;
}
.container{
	padding: 0 0.52rem;
}
header{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	height: 17.786666rem;
	background: url(../img/背景.png) no-repeat center;
	background-size: cover;
}
.header{
	height: 5.44rem;
	width: 8.906666rem;
	    margin-bottom: 0.386666rem;
	/* background-color: red; */
}
.header img{
	width: 100%;
	padding-top: 0.866666rem;
}
.main{
	height: 5.44rem;
	width: 8.906666rem;
	/* background-color: #007AFF; */
	margin-bottom: 2.746666rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 1.066666rem;
	background-color: white;
	border-radius: 8px;
	
}
.main span p:first-child{
	font-size: 0.32rem;
	color: #b0b0b0;
	padding: 0.133333rem  0;
}
.main span input{
	border: none;
	font-size: 0.426666rem;
	color: #000000;
	outline: medium;
}
footer{
	width: 8.293333rem;
	height: 1.24rem;
	display: flex;
	justify-content: space-between;
}
footer button{
	width: 3.72rem;
	height: 1.24rem;
	border-radius: 0.586666rem;
	text-align: center;
	line-height:  1.24rem;
	font-size: 0.444399rem;
	color: white;
	outline: medium;
	border: none;
}



